<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/page/common/HTMLHeader.jsp" %>
<title>${busLine.name }路公交</title>
<style type="text/css">
.busStationStyle {
	line-height: 30px;
}
.busStationStyle a {
	color: #666666;
}
.busStationStyle a:HOVER {
	color: #FFA513;
	text-decoration: none;
}
</style>
</head>
<body>
<!-- start header-->
<%@ include file="/WEB-INF/page/common/fore/header.jsp" %>
<div class="container body">
<%@include file="/WEB-INF/page/BMap/BMapBusline.jsp" %>
<h2>
<span onclick="line('${busLine.name }')" class="btn btn-primary btn-lg" data-toggle="modal" data-target=".bs-example-modal-lg">${busLine.name }路公交车 <span class="badge">${fn:length(busLine.line_Stations) }</span></span>
</h2>
<div class="panel panel-default" style="padding: 10px;background: #EEF2FB;">
	<!-- 公交路线标题 -->
	<p style="color: #FFA513;">
	<span class="glyphicon glyphicon-time"></span> 运营时间：${busLine.startTime }-${busLine.endTime }<br/>
	<span class="glyphicon glyphicon-hand-right"></span> 票价：${busLine.price}元 | 公交卡：${busLine.card}元<br/>
	<span class="glyphicon glyphicon-bell"></span> ${busLine.description}<br/>
	</p>
	<p class="busStationStyle">
		<c:forEach items="${busLine.line_Stations}" var="line_Station">
			<a href="stationDetails?stationId=${line_Station.station.id}">${line_Station.station.name}</a>-
		</c:forEach>全程共${fn:length(busLine.line_Stations)}站 
	</p>
	<div class="pull-right"><span class="glyphicon glyphicon-refresh"></span> 更新时间：${busLine.lastUpdate}<br/></div>
	<br/>
</div>

<!-- 公交路线列表 电脑 -->
<div class="hidden-xs">
	<c:forEach items="${qr.resultList }" var="entity">
		<a href="buslinedetails?busline=${entity.id}"><button class="btn btn-primary" style="margin: 10px;">${entity.name }路</button></a>
	</c:forEach>
</div>
<!-- 公交路线列表 手机 -->
<div class="visible-xs" style="text-align: center;">
	<c:forEach items="${qr.resultList }" var="entity">
		<a href="buslinedetails?busline=${entity.id}"><button style="margin: 10px;" class="btn btn-primary">${entity.name }路</button></a>
	</c:forEach>
</div>
</div>
		
<!-- start foorter -->
<%@ include file="/WEB-INF/page/common/fore/footer.jsp" %>
</body>
</html>